﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Searchforshow.aspx.cs" Inherits="TakeoutMangesWeb.Searchforshow" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
  <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <style type="text/css">
         /*页面顶部*/
        .up
        {
            width: 1050px;
            height: 90px;
            margin: 0 auto;
        }
        #Button1
        {
            margin-top: 30px;
        }
        .logo
        {
            width:400px;
            float: left;
        }
        #logininfo
        {
            font-size: 20px;
            float: right;
            height: 34px;
        }
        #showinfo
        {
            font-size: 20px;
            float: right;
            margin-top: 30px;
        }
        .logo img
        {
            width: 160px;
            height: 90px;
        }
        .top
        {
            width: 100%;
        }
        .Topleft ul
        {
            margin-top: 100px;
            text-align: center;
            overflow: hidden;
            padding: 0;
            height: 55px;
            line-height: 55px;
            margin: 0 auto;
        }
        
        .Topleft li
        {
            float: left;
            position: relative;
            overflow: hidden;
            height: 55px;
            width: 130px;
        }
        
        .Topleft li a
        {
            display: block;
            color: black;
            text-align: center;
            font-size: 20px;
            padding: 0px;
            overflow: hidden;
            text-decoration: none;
        }
        
        .Topleft li a:hover
        {
            background-color: khaki;
            color: gray;
        }
        
        .Topright
        {
            margin-top:30px;
            width: 400px;
            float: left;
        }
        /*内容部分*/
        #broadcast
        {
            width: 100%;
        }
        #center img
        {
            width:100%;
        }
        #tag
        {
            width: 180px;
            background-color: #222222;
            text-align: center;
            top: -30px;
            z-index: 1;
            position: relative;
            margin: 0 auto;
        }
        #tag span
        {
            display: block;
            height: 3px;
            width: 26px;
            margin: 0 auto;
            float: left;
            margin-right: 10px;
        }
        .show
        {
            margin: 0px auto;
            padding: 10px;
            width: 1250px;
            height: 400px;
        }
        .pul img:hover
        {
            width: 203px;
            height: 203px;
        }
        .pul
        {
            text-decoration: none;
            width: 300px;
            height: 310px;
            text-align: center;
            float: left;
        }
        .pul
        {
            list-style: none;
        }
        .pul li p
        {
            margin: 5px;
            color: black;
        }
        .pul li a
        {
            text-decoration: none;
        }
        .pul img
        {
            width: 200px;
            height: 200px;
        }
        .pul li span
        {
            color: #D43F3A;
            font-size: 20px;
        }
        .pul
        {
            margin: 0px;
            padding: 0px;
        }
        .classify
        {
            width: 1100px;
            margin: 0 auto;
        }
        .dropdown
        {
            float:right;
            width:100px;
            height:1px;
        }
        .dropdown-menu
        {
            margin-top:-50px;
            width:60px;
            height:80px;
        }
        /*页面底部*/
        #footer
        {
            margin: 0px auto;
            margin-top: 100px;
            float: left;
            width: 100%;
            height: 280px; /* footer的高度一定要是固定值*/
            background: #222222;
        }
        #footbody
        {
            padding-top: 50px;
            margin: 0px auto;
            width: 1100px;
            height: 200px;
        }
        #footleft
        {
            float: left;
            width: 800px;
            height: 200px;
            background: #222222;
        }
        .dd
        {
            float: left;
            width: 160px;
            height: 190px;
        }
        .dd > li
        {
            display: block;
            color: gray;
            text-align: center;
            padding: 1px;
        }
        .dd > li > a
        {
            text-decoration: none;
            color: gray;
            font-size: 10px;
        }
        .dd > li > a:hover
        {
            color: white;
        }
        #footright
        {
            float: left;
            width: 300px;
            height: 200px;
            background: #222222;
        }
        .rr
        {
            float: left;
            width: 140px;
            height: 50px;
            padding: 0;
        }
        .rr > li
        {
            display: block;
            color: gray;
            text-align: center;
            padding: 5px;
        }
        .broadcast
        {
            width: 1100px;
            height: 600px;
            background-color: #000000;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div class="up">
        <div class="logo">
            <img src="img/logo.jpg" alt=""/></div>
        <div class="container Topright">
            <div class="input-group mb-3">
            <input type="text" id="txtName" class="form-control" placeholder="请输入想找的商品" runat="server"/>
            <asp:Button ID="Button2" runat="server" Text="搜索" class="btn btn-primary" 
                onclick="Button2_Click" />
            </div>
        </div>
        <div id="logininfo" runat="server">
            <asp:Button ID="Button1" runat="server" Text="登录" class="btn btn-warning" 
                onclick="Button1_Click"/>
        </div>

        <div id="showinfo" runat="server">
	<div class="dropdown">
                <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
        <span id="user" runat="server"></span>
        </button>
        <div class="dropdown-menu">
        <a class="dropdown-item" href="Collect.aspx">我的收藏</a>
      <asp:LinkButton ID="LinkButton1" class="dropdown-item" runat="server" onclick="LinkButton1_Click">退出登录</asp:LinkButton>
    </div>
    </div>
                <asp:Button ID="Button4" runat="server" Text="购物车" class="btn btn-danger" Height="36px" onclick="Button3_Click"/>
        </div>
    </div>
    <div class="top">
        <div class="container Topleft">
            <ul>
                <li><a href="#">首页</a> </li>
                <li><a href='Shoptype.aspx?id=1'>快餐便当</a></li>
                <li><a href='Shoptype.aspx?id=2'>甜品饮品</a> </li>
                <li><a href='Shoptype.aspx?id=3'>汉堡薯条</a> </li>
                <li><a href='Shoptype.aspx?id=4'>蔬菜水果</a> </li>
                <li><a href='Shoptype.aspx?id=5'>特色小吃</a> </li>
            </ul>
        </div>
    </div>
        <div class="show">
            <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="Login.aspx">首页</a></li>
        <li class="breadcrumb-item">搜索</li>
        </ol>
        <asp:Repeater ID="RP_Product" runat="server">
        <ItemTemplate>
            <ul class="pul">
                <li><a href='Showinfo.aspx?id=<%#Eval("ProductID") %>'>
                    <img src='<%#Eval("ProductImage")%>' alt="Alternate Text" />
                    <p><%#Eval("ProductName")%></p>
                    <span>￥<%#Eval("ProductPrice")%></span></a>
                </li>
            </ul>
        </ItemTemplate>
        </asp:Repeater>
    </div>
    <div id="footer">
        <div id="footbody">
            <div id="footleft">
                <ul class="dd">
                    <li class="big">我是新手</li>
                    <li><a href="#">什么是道聚城</a></li>
                    <li><a href="#">如何购买</a></li>
                    <li><a href="#">如何赠送</a></li>
                    <li><a href="#">如何获取聚豆</a></li>
                </ul>
                <ul class="dd">
                    <li class="big">个人中心</li>
                    <li><a href="#">发货时间</a></li>
                    <li><a href="#">如何领取</a></li>
                    <li><a href="#">补发规则</a></li>
                    <li><a href="#">vip价定义</a></li>
                    <li><a href="#">道具状态定义</a></li>
                </ul>
                <ul class="dd">
                    <li class="big">支付方式</li>
                    <li><a href="#">支付方式</a></li>
                    <li><a href="#">购物点支付</a></li>
                    <li><a href="#">如何充值</a></li>
                </ul>
                <ul class="dd">
                    <li class="big">腾讯在线服务</li>
                    <li><a href="#">腾讯在线官方客服</a></li>
                </ul>
            </div>
            <div id="footright">
                <ul class="rr">
                    <li></li>
                    <li>二维码</li>
                </ul>
                <ul class="rr">
                    <li></li>
                    <li>二维码</li>
                </ul>
            </div>
        </div>
    </div>
    </form>
</body>
</html>
